<template>
<div class="w-100vw h-100vh relative box-border p-24">
  <el-tabs v-model="activeName" class="w-100% h-100%">
    <el-tab-pane label="页面管理" name="page" class="w-100% h-100%">
      <config-page></config-page>
    </el-tab-pane>
    <el-tab-pane label="模块管理" name="model" class="w-100% h-100%">
      <config-model></config-model>
    </el-tab-pane>
    <el-tab-pane label="全局参数" name="gobal" class="w-100% h-100%">
      <config-global></config-global>
    </el-tab-pane>
  </el-tabs>
</div>
</template>

<script>
import configPage from "@/components/configPage.vue"
import configModel from "@/components/configModel.vue"
import configGlobal from "@/components/configGlobal.vue"

export default {
  components:{configGlobal,configModel,configPage},
  data:() => ({
    activeName:'page'
  })
}
</script>

<style>
.el-tabs__content{
  height:calc(100% - 55px);
}
</style>